<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title> 收支分析</title>
		<link rel="stylesheet" type="text/css" href="css/public/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap-table.css"/>
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/public/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/indexPage.css"/>
		<link rel="stylesheet" type="text/css" href="css/userPage.css"/>
		<style>
			{
				"backgroundColor": "#FFFFFF",
				+"color": [11],
				+"textStyle": {fontFamily, fontSize, fontStyle},
				"animation": "auto",
				"animationDuration": 1000,
				"animationDurationUpdate": 300,
				"animationEasing": "exponentialOut",
				"animationEasingUpdate": "cubicOut",
				"animationThreshold": 2000,
				"progressiveThreshold": 3000,
				"progressive": 400,
				"hoverLayerThreshold": 3000,
				"useUTC": false,
				+"toolbox": [1],
				+"title": [1],
				+"axisPointer": [1],
				+"tooltip": [1],
				+"yAxis": [1],
				+"xAxis": [1],
				+"grid": [1],
				+"series": [2],
				+"markArea": [1],
				+"markLine": [1],
				+"markPoint": [1],
				"marker": [ ],
				"visualMap": [ ],
				"dataZoom": [ ],
				"brush": [ ],
				+"legend": [1]
			}
		</style>
	</head>
	<body>
		<!-- header start -->
		<div id="header"></div>
		<!-- header end -->
		
		<!-- position start -->
		<div class="position">
			<div class="container">
				<ul>
					<li><a href="indexPage.html">首页</a> > </li>
					<li><span>收支管理</span></li>
				</ul>
			</div>
		</div>
		<!-- position end -->
		
		<!--content start-->
		<div class="userContent">
			<div class="container clearfix">
				<div class="leftManage fl-l">
					<ul>
						<li>
							<span>账号管理</span>
							<ul>
								<li><a href="userPage.html" >个人中心</a></li>
								<!--<li><a href="#">账号信息</a></li>-->
								<li><a href="address.html">地址管理</a></li>
								<li><a href="trade.html" class="on">收支管理</a></li>
							</ul>
						</li>
						<li>
							<span>交易管理</span>
							<ul>
								<li><a href="orderManage.html">订单管理</a></li>
								<li><a href="apply.html">平台币申请管理</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<div class="rightContent fl-r">
					<!-- 收支分析 -->
					<div id="main" style="width: 97%;height:400px;margin:20px auto;"></div>
					
					<div style="padding:10px;display:none;" id="detailDataTable" class="clearfix">
						<input class="btn btn-danger" type="button" id="restoreBtn" style="float:right;margin-bottom:10px;width:60px;height:30px;font-size:12px;" value="返回" />
						<table id="detailData" data-toggle="table" data-url="" data-height="246">  
					        <thead>  
					            <tr><th data-field="username" data-align="center">分销商姓名</th>
					            <th data-field="level"  data-align="center">分销商等级</th>
					            <th data-field="current_day" data-align="center">订单成交金额</th>
					            <th data-field="commission" data-align="center">提成</th></tr>  
					        </thead>  
					        <tbody>  
					            <!-- <tr><td>张三</td><td>下级分销商</td><td>3000</td><td>50</td></tr>  
					            <tr><td>李四</td><td>下下级分销商</td><td>5000</td><td>80</td></tr> -->  
					        </tbody>  
					    </table> 
					    
					</div>
					
					<div id="main2" style="width: 97%;height:400px;margin:20px auto;"></div>
				</div>
			</div>
		</div>
		<!--content end-->
		
		<!--footer start-->
		<div id="footer"></div>
		<!--footer end-->
		
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-table.js"></script>
		<script type="text/javascript" src="js/echarts.min.js"></script>
		<script type="text/javascript" src="js/public.js"></script>
		<script type="text/javascript" src="js/pageJs/trade.js"></script>
	</body>
</html>
